<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0036)file:///E:/Mahally/Web/product.html# -->
<!--<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Mahally</title>
		<link href="css/reset.css" rel="stylesheet" type="text/css">
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/sliderkit-core.css" media="screen, projection" />
		<link rel="stylesheet" type="text/css" href="css/sliderkit-demos.css" media="screen, projection" />
		<link rel="stylesheet" type="text/css" href="css/sliderkit-site.css" media="screen, projection" />
		<script type="text/javascript" src="js/external/_oldies/jquery-1.3.min.js"></script>
		<script type="text/javascript" src="js/external/jquery.easing.1.3.min.js"></script>
		<script type="text/javascript" src="js/external/jquery.mousewheel.min.js"></script>
		<script type="text/javascript" src="js/sliderkit/jquery.sliderkit.1.9.2.pack.js"></script>
		<script type="text/javascript">
			$(window).load(function(){ //$(window).load() must be used instead of $(document).ready() because of Webkit compatibility				
	$(".photoslider-mini").sliderkit({
					auto:false,
					autospeed:3000,
					panelbtnshover:true,
					circular:true,
					fastchange:false
				});
				
				// Photo slider > Bullets nav
				$(".photoslider-bullets").sliderkit({
					auto:false,
					circular:true,
					mousewheel:true,
					shownavitems:5,
					panelfx:"sliding",
					panelfxspeed:1000,
					panelfxeasing:"easeOutExpo" // "easeOutExpo", "easeInOutExpo", etc.
				});
				
				// Photo slider > 1 click
				$(".photoslider-1click").sliderkit({
					auto:false,
					circular:true,
					shownavitems:8,
					panelclick:true,
					panelfx:"sliding",
					panelfxspeed:1000,
					panelfxeasing:"easeInOutExpo"
				});
				
				// Photo slider > Vertical
				$("#photoslider-vertical").sliderkit({
					auto:false,
					circular:true,
					shownavitems:1,
					navfx:"none",
					panelfx:"sliding",
					panelfxspeed:1200,
					panelfxeasing:"easeOutCirc",
					mousewheel:true,
					verticalnav:true,
					verticalslide:true
				});
				// Carousel > Demo #1
				$("#carousel-demo1").sliderkit({
					auto:false,
					shownavitems:3,
					start:2
				});
               		});
			// Photo slider > Bullets nav
				$(".photoslider-bullets").sliderkit({
					auto:false,
					circular:true,
					mousewheel:true,
					shownavitems:5,
					panelfx:"sliding",
					panelfxspeed:1000,
					panelfxeasing:"easeOutExpo" // "easeOutExpo", "easeInOutExpo", etc.
				});
		</script>
		</head>-->
		<body>
        
<div class="container">

<ul>
          <li class="f">
    <div class="sidebar f">
              <div class="product-mnu">
        <ul>
                  <li class="f-r">
            <div class="product-mnu-line"> </div>
          </li>
                  <li class="f-r">
            <h1>FURNITURE</h1>
            <ul >
           <li> <a href="images/product.html">Bedrooms</a></li>
            <li><a href="images/product.html">Living Sets</a></li>
            <li><a href="images/product.html">Tables</a></li>
           <li> <a href="images/product.html">Chairs</a></li></ul>
          </li>
                </ul>
      </div>
              
            </div>
  </li>
          <li class="f-r">
    <div class="content">
              <div class="top"> </div>
              <div class="middle">
              
        <div class="product-top">
                  <h1> Product Name </h1>
                  <ul>
            <li class="f">
                      <div class="product-img"> 
                
                <!-- Start photoslider-bullets -->
                <div class="sliderkit photoslider-bullets">
                          <div class="price f-r">
                    <h5>Price:</h5>
                    <h6 class="f-r"> 20792</h6>
                  </div>
                          <div class="sliderkit-nav">
                    <div class="sliderkit-nav-clip">
                              <ul>
                        <li><a href="#" title="Photo sample 01"></a></li>
                        <li><a href="#" title="Photo sample 02"></a></li>
                        <li><a href="#" title="Photo sample 03"></a></li>
                        <li><a href="#" title="Photo sample 04"></a></li>
                        <li><a href="#" title="Photo sample 05"></a></li>
                      </ul>
                            </div>
                  </div>
                          <div class="sliderkit-panels">
                    <div class="sliderkit-panel"> <img src="images/one-product.png" alt="[Alternative text]" /> </div>
                    <div class="sliderkit-panel"> <img src="images/one-product.png" alt="[Alternative text]" /> </div>
                    <div class="sliderkit-panel"> <img src="images/one-product.png" alt="[Alternative text]" /> </div>
                    <div class="sliderkit-panel"> <img src="images/one-product.png" alt="[Alternative text]" /> </div>
                    <div class="sliderkit-panel"> <img src="images/one-product.png" alt="[Alternative text]" /> </div>
                  </div>
                          <!-- // end of photoslider-bullets --> 
                          
                        </div>
                <div class="colors"> Avilable Coloers: <a href="#"> <img src="./images/orange.png" alt="Orange"></a> <a href="#"> <img src="images/gray.png" alt="Gray"></a> <a href="#"> <img src="images/black.png" alt="Black"></a> <a href="#"> <img src="./images/green.png" alt="Green"></a> </div>
              </div>
                    </li>
            <li class="f"><div class="product-info">
                      <table>
                <tbody>
                          <tr>
                    <td width><h2>Code:</h2></td>
                    <td width>&nbsp;</td>
                  </tr>
                          <tr>
                    <td><h2>Dimintaions:</h2></td>
                    <td>&nbsp;</td>
                  </tr>
                          <tr>
                    <td><h2>Type:</h2></td>
                    <td>&nbsp;</td>
                  </tr>
                          <tr>
                    <td><h2>Size:</h2></td>
                    <td>&nbsp;</td>
                  </tr>
                          <tr>
                    <td><h2>Hight:</h2></td>
                    <td>&nbsp;</td>
                  </tr>
                          <tr>
                    <td colspan="2">
                    <p>item details paragraph may comes here as a demo text.
                              item details paragraph may comes here as a demo text item details paragraph may comes here as a demo text.
                              item details paragraph item details paragraph may comes here as a demo text.<p></td>
                  </tr>
                  <tr>
                    <td colspan="2" ><a href="shoping-cart.html"><img src="images/Add-to-cart.png" class="f-r" /></a></td>
                  </tr>
                        </tbody>
              </table>
                   </div> </li>
          </ul>
                </div>
        <div class="clearfix"></div>
        <div class="product-divider" > -------------------------------------------------------------------------------- </div>
        <div class="product-bottom">
                  <ul>
            <li class="f">
                      <ul>
                <li> Suggested items</li>
                <li>
                          <div class="Suggested-txt">most users who likes Bedroom 1 also like 
                    this items </div>
                        </li>
              </ul>
                    </li>
            <li class="f"> 
                      <!-- Start carousel-demo1 -->
                      <div id="carousel-demo1" class="sliderkit carousel-demo1">
                <div class="sliderkit-nav">
                          <div class="sliderkit-nav-clip">
                    <ul>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a> <p> Bedroom 1</p></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a><p> Bedroom 1</p></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a><<p> Bedroom 1</p>/li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                              <li><a href="#" title="[link title]"><img src="images/product-thumb.jpg" alt="[Alternative text]" /></a></li>
                            </ul>
                  </div>
                          <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-prev"><a href="#" title="Scroll to the left"> </a></div>
                          <div class="sliderkit-btn sliderkit-nav-btn sliderkit-nav-next"><a href="#" title="Scroll to the right"><span>Next</span></a></div>
                        </div>
              </div>
                      <!-- // end of carousel-demo1 --> 
                    </li>
          </ul>
                </div>
      </div>
            </div>
    <div class="bottom"> </div>
  </div>
          </li>
        </ul>
</div>
<div class="clearfix"></div>

<div class="footer"><div class="social-icons">
          <ul>
        <li class="f"> <a href="#"> <img src="images/twtr.png" /> </a> </li>
        <li class="f"> <a href="#"> <img src="images/fb.png" /> </a> </li>
        <li class="f"> <a href="#"> <img src="images/pin.png" /> </a> </li>
      </ul>
        </div>
          <div class="footer-container">
    <div class="f"> MAHALLY 2013 ALL RIGHTS RESERVED </div>
    <div class="f-r"> <a href="#">Site Map</a> | <a href="#">Contact Us</a> | <a href="#">Careers</a> | <a href="#">Terms Of Use</a> </div>
  </div>
        </div>
</body>
</html>